<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>翻译</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="fanyi">
        <div class="container">
            <h1>
                翻译
            </h1>
            <p>
                中英互译
            </p>
        </div>
    </div>
    <div class="bai">
        <div class="container">
            <div class="top">
                <div class="list-1">
                    <button class="btn b-1">中文</button>
                    <button class="btn-1 b-2">英语</button>
                </div>
                <div class="list-2">
                    <button onclick="lan()"><img src="img/jiantou.png" alt=""></button>
                </div>
                <div class="list-3">
                    <button class="btn b-1">英语</button>
                    <button class="btn-1 b-2">中文</button>
                </div>
            </div>
            <div class="center">
                <textarea name="" id="text1" cols="70" rows="10" style="padding: 10px"></textarea>
                <textarea name="" id="text2" cols="70" rows="10" readonly="readonly" placeholder="翻译" style="padding: 10px"></textarea>
            </div>
            <div class="bottom">
                <button onclick="res()">翻译</button>
            </div>
        </div>
    </div>
    <script src="js/script.js"></script>
</body>
</html>